<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>博客网站的网页</title>
</head>

<body>
    <nav>
        <ul>
            <li><a href="#">111</a></li>
            <li><a href="#">222</a></li>
            <li><a href="#">333</a></li>
        </ul>
    </nav>
    <article>
        <header>
            <!-- 有一个主标题和副标题都放到hgroup -->
            <hgroup>
                <h1>文章的标题</h1>
                <h2>文章的副标题</h2>
            </hgroup>
            <!-- 文章发布的时间 -->
            <time pubdate="pubdate">2019-08-15</time>
        </header>
        <!-- 文章 -->
        <p>我是文章大；说的放假阿斯顿饭撒的；了放假啊事的看法；说的发生地方撒都发烧就；大幅拉升地方安顺发撒的</p>

        <!-- 关于作者的一些信息 -->
        <footer>
            <!-- 文章地址 -->
            <address>
                <p>www.wanmen.org</p>
            </address>
        </footer>
        <!-- 评论区 -->
        <section>
            <!-- 标题 -->
            <h2>评论</h2>
            <!-- 每一个评论是一个article -->
            <!-- 第一个评论 -->
            <article>
                <header>
                    <h3>张三</h3>
                    <p>张三说的话</p>
                    <time pubdate datetime="2019-08-15 22:54:00">一小时前</time>
                </header>
                <p>OK</p>
            </article>
            <!-- 第二个评论 -->
            <article>
                <header>
                    <h3>李四</h3>
                    <p>李四说的话</p>
                    <time pubdate datetime="2019-08-15 21:54:00">两小时前</time>
                </header>
                <p>OK</p>
            </article>
        </section>
    </article>
    <footer>
        <ul>
            <li>关于</li>
            <li>关于</li>
            <li>关于</li>
        </ul>
    </footer>
</body>

</html>